<script setup lang="ts">
import AmountCard from '@/views/dashboard/common/AmountCard.vue'
import { onMounted, ref } from 'vue'
import { invoiceStatisticsBalanceApi } from '@/api/invoice-api'
import type { ResultData } from '@/api/service'

const amount = ref(0)

onMounted(() => {

  invoiceStatisticsBalanceApi().then((res: ResultData<number>) => {
    amount.value = res.data
  })

})

</script>

<template>
  <amount-card :amount="amount"/>
</template>

<style scoped>
</style>